<template>
  <div class="voucherCard bgwrite">
    <div class="title wordsGray">图片</div>
    <div class="list flex">
      <div class="voucher"
           @click="show_preview(index)"
           v-for="(item,index) in imgList"
           :key="index">
        <img :src="item.imageUrl"
             width="100%"
             alt="">
      </div>
    </div>
  </div>
</template>
<script>
export default {
  props: ["imgList"],
  methods:{
    show_preview(index){
      this.$emit('show_preview',index)
    }
  }
};
</script>

<style lang="scss" scoped>
.voucherCard {
  border-radius: 10px;
  margin-bottom: 0.24rem;
  .title {
    height: 0.64rem;
    line-height: 0.64rem;
    padding-left: 0.24rem;
    border-bottom: 1px solid #e5e5e5;
  }
  .list {
    padding: 0.24rem 0.4rem;
    flex-wrap: wrap;
    .voucher{
      width: 1.68rem;
      margin-right: 0.24rem;
      margin-bottom: 0.24rem;
    }
  }
}
</style>
